﻿

	::selection{ background-color: #E13300; color: white; }

	::moz-selection{ background-color: #E13300; color: white; }

	::webkit-selection{ background-color: #E13300; color: white; }



	body {

		background-color: #fff;

		margin: 40px;

		font: 13px/20px normal Helvetica, Arial, sans-serif;

		color: #4F5155;

	}



	a {

		color: #003399;

		background-color: transparent;

		font-weight: normal;

	}



	h1 {

		color: #444;

		background-color: transparent;

		border-bottom: 1px solid #D0D0D0;

		font-size: 19px;

		font-weight: normal;

		margin: 0 0 14px 0;

		padding: 14px 15px 10px 15px;

	}



	code {

		font-family: Consolas, Monaco, Courier New, Courier, monospace;

		font-size: 12px;

		background-color: #f9f9f9;

		border: 1px solid #D0D0D0;

		color: #002166;

		display: block;

		margin: 14px 0 14px 0;

		padding: 12px 10px 12px 10px;

	}



	#body{

		margin: 0 15px 0 15px;

		position: relative;



	}

	

	p.footer{

		text-align: right;

		font-size: 11px;

		border-top: 1px solid #D0D0D0;

		line-height: 32px;

		padding: 0 10px 0 10px;

		margin: 0px auto;

		position: relative;

		display: block;

		clear: both;

		width: 95%;

	}

	

	#container{

		margin: 10px;

		border: 1px solid #D0D0D0;

		-webkit-box-shadow: 0 0 8px #D0D0D0;

		width: 100%;

	}

	#left

	{

		width: 18%;

		float: left;

		overflow: hidden;

		margin-right: 2%;

	}

	#left ul

	{

		padding: 0px;

	}

	#left ul li a

	{

		padding: 5px 5px 5px 10%;

		display: block;

		text-decoration: none;

	}

	#left ul li a img

	{

		margin-right: 5px;

	}

	#left ul li a:hover

	{

		color: #DD4B39;

	}

	#left ul li:hover

	{

		background: #eee;

	}

	#right

	{

		width: 80%;

		float: left;

	}

	

	/* Class Button */

	

	.button

	{

		position: relative;

		font-size: 11px !important;

		overflow: visible;

		display: inline-block;

		padding: 0.7em 3em;

		border: 1px solid #D4D4D4;

		margin: 0;

		text-decoration: none;

		text-shadow: 1px 1px 0 white;

		font: 11px/normal sans-serif;

		color: #333;

		white-space: nowrap;

		cursor: pointer;

		outline: none;

		background-color: #ECECEC;

		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#ECECEC));

		background-image: -moz-linear-gradient(#F4F4F4, #ECECEC);

		background-image: -o-linear-gradient(#F4F4F4, #ECECEC);

		background-image: linear-gradient(#F4F4F4, #ECECEC);

		-webkit-background-clip: padding;

		-moz-background-clip: padding;

		-o-background-clip: padding-box;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;

		border-radius: 0.2em;

		zoom: 1;

	}

	.button:hover, .button:focus, .button:active

	{

		border-color: #3072B3;

		border-bottom-color: #2A65A0;

		text-decoration: none;

		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);

		color: white;

		font-size: 11px;

		background-color: #3C8DDE;

		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599BDC), to(#3072B3));

		background-image: -moz-linear-gradient(#599BDC, #3072B3);

		background-image: -o-linear-gradient(#599BDC, #3072B3);

		background-image: linear-gradient(#599BDC, #3072B3);

	}

    

	/* Class Input Text */
    .gray
    {
        color: gray;
    }
    .boxtext

    {

        padding-left: 10px;

        width: 200px;

        background: white;

        border: 1px solid #D9D9D9;

        border-top: 1px solid silver;

        -moz-border-radius: 1px;

        -webkit-border-radius: 1px;

        border-radius: 1px;

        height: 27px;

        color: green;

    }

    

    /* Grid List */

    

.widget

{

    background: #F7F7F7;

    border: 1px solid #CDCDCD;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    box-shadow: 0 2px 2px -2px #CCC;

    position: relative;

}

div.checker {

    width: 16px;

    height: 16px;

    position: relative;

    display: -moz-inline-box;

    display: block;

    vertical-align: middle;

    zoom: 1;

    float: left;

    margin-top: 2px;

    margin-right: 10px;

    box-shadow: 0 1px 0 

    white;

    -webkit-box-shadow: 0 1px 0 

    white;

    -moz-box-shadow: 0 1px 0 #fff;

}

.widget > [class*="whead"] 

{

    border-bottom: 1px solid #CDCDCD;

    box-shadow: 0 1px 0 white;

    -webkit-box-shadow: 0 1px 0 white;

    -moz-box-shadow: 0 1px 0 #fff;

    text-shadow: 0 1px white;

    -webkit-border-top-right-radius: 3px;

    -webkit-border-top-left-radius: 3px;

    -moz-border-radius-topright: 3px;

    -moz-border-radius-topleft: 3px;

    position: relative;

}

.whead 

{

    color: #636363;

    background: #F8F8F8;

    background: -moz-linear-gradient(top, #F8F8F8 0%, #E8E8E8 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E8E8E8));

    background: -webkit-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);

    background: -o-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);

    background: -ms-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);

    background: linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );

}

.widget .whead h6

{

    float: left;

    display: block;

    padding: 8px 14px 7px 14px;

    font-size: 12px;

    margin: 0px;

    font-weight: bold;

}

.clear

{

    clear: both;

    display: block;

}

.tDefault thead td 

{

    text-align: center;

    font-size: 11px;

    padding: 3px 5px 2px 5px;

    color: #909090;

    background: #EEE;

}



.tDefault tbody td, .tDefault thead td 

{

    border-left: 1px solid #DFDFDF;

    box-shadow: 0 1px 0 #FAFAFA inset;

    -webkit-box-shadow: 0 1px 0 #FAFAFA inset;

    -moz-box-shadow: 0 1px 0 #fafafa inset;

}

.tDefault tbody tr {

    border-top: 1px solid #DFDFDF;

}

.tDefault tbody td 

{

    padding: 7px 11px;

    vertical-align: middle;

}

.tDefault tbody td:first-child, .tDefault thead td:first-child

{

    border-left: none;

}

.listId

{

    width: 16px;

    height: 16px;

    text-align: center;

    vertical-align: middle;

}

.tDefault tbody tr:nth-child(even) {

    background: #F2F2F2;

}

.listpage

{

    float:left;

}

.listpage li

{

    float: left;

    margin-bottom: 10px;

}



   .listpage li a

   {

    text-decoration: none;

    float: left;

    width: 20px;

    border: 1px solid lightGrey;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-align: center;

    margin: 0 3px;

    cursor: pointer;

    color: #919191;

    font-size: 11px;

    box-shadow: 0 1px 0 white inset, 0 1px 0px #DFDFDF;

    -webkit-box-shadow: 0 1px 0 white inset, 0 1px 0px #DFDFDF;

    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;

}

   .listpage li a:hover,.listpage .active

   {

    

    background: #F6F6F6;

    background: -moz-linear-gradient(top, #F6F6F6 0%, 

    #E8E8E8 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#E8E8E8));

    background: -webkit-linear-gradient(top, #F6F6F6 0%,#E8E8E8 100%);

    background: -o-linear-gradient(top, #F6F6F6 0%,#E8E8E8 100%);

    background: -ms-linear-gradient(top, #F6F6F6 0%,#E8E8E8 100%);

    background: linear-gradient(top, #F6F6F6 0%,#E8E8E8 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );

}

.listpage .lastpage a

{

    width: 60px;

}

.listpage .firstpage a

{

    width: 60px;

}

   tbody .options

   {

    width: 71px;

   }

   tbody .options a:first-child

   {

        margin-right: 3px;

   }

   .category

   {

    width: 100px;

   }

    /*End Grid List */

	

	

